<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="../../css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="../../js/jquery-1.4.3.min.js"></script>
<script src="../../js/jquery-ui-1.8.5.custom.min.js"></script>
<link type="text/css" href="../../css/menu.css" rel="stylesheet" />
      <script type="text/javascript">
	$(function() {
		$("#datepickerBookingDate").datepicker({ changeYear: true, yearRange: '1900:2050', defaultDate: '0', dateFormat: 'dd/M/yy', changeMonth: true });

	});
	</script>
</head>

<body class="popFrame">
    <div id="popFrameLayout">
        <div class="typography">
         <!-- typography -->
        <h3 class="createJobs">Venue Information</h3>
        <div class="tableBorder">  
        <table class="yellowTable">
        <tr class="headerRowPink">
        <td colspan="4"> Venue Information</td>
        </tr>
        <tr>
          <td width="202"><label>Venue Name:</label></td>
          <td width="360"><input name="textfield3" type="text" class="text nolabel" id="textfield3" size="30" /></td>
          <td width="140"><label>Venue Town/City:</label></td>
          <td width="284"><input name="textfield7" type="text" class="text nolabel" id="textfield7" size="30" /></td>
        </tr>
        <tr>
          <td><label>Address:</label></td>
          <td colspan="3"><input name="textfield4" type="text" class="text nolabel" id="textfield6" size="30" />
            <a href="http://maps.google.co.nz/maps?f=d&amp;source=s_d&amp;saddr=270+victoria+st+hamilton&amp;daddr=&amp;hl=en&amp;geocode=FY5wv_0dWJZyCin57tzEpBhtbTEQYDHzjm1u-Q&amp;mra=ls&amp;sll=-37.838595,175.37565&amp;sspn=0.312892,0.314827&amp;ie=UTF8&amp;z=12" target="G_blank"></a></td>
        </tr>
        <tr>
          <td><label>Website:</label></td>
          <td colspan="3"><input name="textfield" type="text" class="text nolabel" id="textfield" size="30" /></td>
        </tr>
        <tr>
        <td><label>Distance To Studio:</label></td>
        <td><input id="distranceToStudio" class="text nolabel" type="text" size="5" />
          km <a href="http://maps.google.co.nz/maps?f=d&amp;source=s_d&amp;saddr=270+victoria+st+hamilton&amp;daddr=&amp;hl=en&amp;geocode=FY5wv_0dWJZyCin57tzEpBhtbTEQYDHzjm1u-Q&amp;mra=ls&amp;sll=-37.838595,175.37565&amp;sspn=0.312892,0.314827&amp;ie=UTF8&amp;z=12" target="G_blank">Google Map</a></td>
        <td><label>EST Travel Time:</label></td>
        <td><input name="textfield5" type="text" class="text nolabel" id="textfield2" size="10" /></td>
        </tr>
        <tr>
          <td valign="top"><label>Travel Cost:</label></td>
          <td colspan="3"><a class="button" href="#"><span>Calculate </span></a> $<input name="textfield9" type="text" class="text nolabel" id="textfield8" size="4" /> Return </td>
        </tr>
        <tr>
        <td valign="top"><label>Notes:</label></td>
        <td colspan="3"><textarea id="Photoform_Brief2" class="requiredField" name="Photoform_Brief2" rows="6" cols="90"></textarea></td>
        </tr>
        <tr>
          <td valign="top"><label>Upload Photo:</label></td>
          <td colspan="3"><a href="#"><span>Browse</span></a>
          <input name="textfield4" type="text" class="text nolabel" id="textfield5" size="30" /><a href="#"><span> Upload</span></a></td>
        </tr>
        <tr>
          <td valign="top">&nbsp;</td>
          <td colspan="3">
          <ul class="imgList">
              <li><img src="../../images/venue-thumb.jpg"  alt="Venue Photo" /></li>
              <li><img src="../../images/venue-thumb.jpg"  alt="Venue Photo" /></li>
              <li><img src="../../images/venue-thumb.jpg"  alt="Venue Photo" /></li>
              <li><img src="../../images/venue-thumb.jpg"  alt="Venue Photo" /></li>
          </ul>
          </td>
        </tr>
        <tr>
        <td>&nbsp;</td>
        <td colspan="3"><a class="button" href="#"><span>Save and Submit </span></a></td>
        </tr>
        
        </table>
        </div> <!--table border-->
        </div><!-- typography -->
    </div><!-- popFrameLayout -->
</body>
</html>
